<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="__STATIC__/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="__STATIC__/assets/arr_css/bootstrap.min.css">
    <link rel="stylesheet" href="__STATIC__/assets/index_css/head.css">
    <link rel="stylesheet" href="__STATIC__/assets/index_css/footer.css">
    <link rel="stylesheet" href="__STATIC__/assets/index_css/index.css">
    <link href="__STATIC__/layer/layui.css" rel="stylesheet" type="text/css" />
    
    <title>首页</title>
    
    
    

</head>

<body>
    <!-- 页面头部 -->
    <!-- <div id="head" class="head"></div> -->
    {include file="public/top"}

    <!-- 轮播图 -->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width: 100%;margin-bottom: 80px;">
        <!-- 轮播导航 -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        </ol>

        <!--轮播图片 -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="__STATIC__/assets/images/lbt1.png" style="width: 100%;">
            </div>
            <div class="item">
                <img src="__STATIC__/assets/images/lbt2.png" style="width: 100%;">
            </div>
        </div>

        <!-- 换页 -->
        <!-- <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        </a> -->
    </div>

    <!-- <div class="dapei">
        <div class="dapei_left">
            <img src="__STATIC__/assets/images/youhui.png" alt="" style="margin-bottom: 50px;">
            <img src="__STATIC__/assets/images/sheji.png" alt="">
            <a href=""><img class="dapei_sq1" src="__STATIC__/assets/images/bank3.jpg" alt=""></a>
        </div>
        <div><img src="__STATIC__/assets/images/yangshi.png" alt="">
            <a href=""><img class="dapei_sq2" src="__STATIC__/assets/images/bank3.jpg" alt=""></a>
        </div>
    </div> -->

    <div class="bank">
        <div class="bank_1">
            <img src="__STATIC__/assets/images/bank1.png" alt="" style="width: 100%;height: 630px;">
            <div class="bank_sq ">
                <p>150个品牌</p>
                <p>强势入驻</p>
                <span>一站式家具，品类齐全</span>
                <a href=""><img src="__STATIC__/assets/images/bank3.jpg" alt=""></a>
            </div>
        </div>
        <div class="bank_2">
            <img src="__STATIC__/assets/images/bank2.png" alt="" style="width: 100%;height: 630px;">

            <div class="bank_sq1" style="right: -20px;">
                <span>最高可借额度（元）</span>
                <p>300000</p>
                <div style="margin: 0 auto; width: 300px;height: 1px;background: #ccc;"></div>
                <p>免息贷款</p>
                <span>最长可达36期</span>
                <a href=""><img src="__STATIC__/assets/images/bank3.jpg " alt=" "></a>
            </div>
        </div>
    </div>

    <div class="classification ">
        <div>
            <a href=" ">
                <img class="weixuanzhong " src="__STATIC__/assets/images/page1_1.png " alt=" ">
                <img class="xuanzhong " src="__STATIC__/assets/images/page1.png " alt=" ">
            </a>
            <span>家具</span>
        </div>
        <div>
            <a href=" ">
                <img class="weixuanzhong " src="__STATIC__/assets/images/page2_2.png " alt=" ">
                <img class="xuanzhong " src="__STATIC__/assets/images/page2.png " alt=" ">
            </a>
            <span>卫浴</span>
        </div>
        <div>
            <a href=" ">
                <img class="weixuanzhong " src="__STATIC__/assets/images/page3_3.png " alt=" ">
                <img class="xuanzhong " src="__STATIC__/assets/images/page3.png " alt=" ">
            </a>
            <span>瓷砖</span>
        </div>
        <div>
            <a href=" ">
                <img class="weixuanzhong " src="__STATIC__/assets/images/page4_4.png " alt=" ">
                <img class="xuanzhong " src="__STATIC__/assets/images/page4.png " alt=" ">
            </a>
            <span>地板</span>
        </div>
        <div>
            <a href=" ">
                <img class="weixuanzhong " src="__STATIC__/assets/images/page5_5.png " alt=" ">
                <img class="xuanzhong " src="__STATIC__/assets/images/page5.png " alt=" ">
            </a>
            <span>门窗</span>
        </div>
        <div>
            <a href=" ">
                <img class="weixuanzhong " src="__STATIC__/assets/images/page6_6.png " alt=" ">
                <img class="xuanzhong " src="__STATIC__/assets/images/page6.png " alt=" ">
            </a>
            <span>墙纸</span>
        </div>
        <div>
            <a href=" ">
                <img class="weixuanzhong " src="__STATIC__/assets/images/page7_7.png " alt=" ">
                <img class="xuanzhong " src="__STATIC__/assets/images/page7.png " alt=" ">
            </a>
            <span>灯饰</span>
        </div>
        <div>
            <a href=" ">
                <img class="weixuanzhong " src="__STATIC__/assets/images/page8_8.png " alt=" ">
                <img class="xuanzhong " src="__STATIC__/assets/images/page8.png " alt=" ">
            </a>
            <span>窗帘</span>
        </div>
        <div>
            <a href=" ">
                <img class="weixuanzhong " src="__STATIC__/assets/images/page9_9.png " alt=" ">
                <img class="xuanzhong " src="__STATIC__/assets/images/page9.png " alt=" ">
            </a>
            <span>全屋定制</span>
        </div>

    </div>



    <!-- 合作品牌 -->
    <div class="page_title "><img src="__STATIC__/assets/images/jiesao2.png " alt=" "></div>



    <div class="brand ">
        <div class="brand_left "><img src="__STATIC__/assets/images/brand_left.png " alt=" "></div>

        <div class="brand_box ">

            <div class="bradn_middle ">
                <div>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>百家姓地板</span></a>
                </div>
                <div>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>2百家姓地板</span></a>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>百家姓地板</span></a>
                </div>
                <div>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>3百家姓地板</span></a>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>百家姓地板</span></a>
                </div>
                <div>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>4百家姓地板</span></a>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>百家姓地板</span></a>
                </div>
                <div>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>5百家姓地板</span></a>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>百家姓地板</span></a>
                </div>
                <div>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>6百家姓地板</span></a>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>百家姓地板</span></a>
                </div>
                <div>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>7百家姓地板</span></a>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>百家姓地板</span></a>
                </div>
                <div>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>8百家姓地板</span></a>
                    <a href=" "><img src="__STATIC__/assets/images/pinpai.png " alt=" "><span>百家姓地板</span></a>
                </div>



            </div>

        </div>
        <div class="brand_right "><img src="__STATIC__/assets/images/brand_right.png " alt=" "></div>
    </div>


    <div class="page_title "><img src="__STATIC__/assets/images/jiesao1.png " alt=" "></div>

    <!-- 我们的优势 -->
    <div class="youshi ">
        <div class="gengduo "><a href="{:url('About/recruit')}">查看更多</a></div>
        <div class="box_img "><img src="__STATIC__/assets/images/woshou.png " alt=" "></div>
        <div id="scrollDiv ">
            <ul class="pic-box ">
                <li>
                    <div class="xuqiu ">
                        <div class="xuqiu_left ">
                            <div class="xuqiu_fenge "></div>
                            <b>1针对刚需型客户</b>
                            <span>针对刚需性客户, 没有预算装修, 免息莫愁帮你获取装修资金</span>
                        </div>
                        <b class="xuqiu_right ">01</b>
                    </div>
                </li>
                <li>
                    <div class="xuqiu ">
                        <div class="xuqiu_left ">
                            <b>2针对刚需型客户</b>
                            <span>针对刚需性客户, 没有预算装修, 免息莫愁帮你获取装修资金</span>
                        </div>
                        <b class="xuqiu_right ">02</b>
                    </div>
                </li>
                <li>
                    <div class="xuqiu ">
                        <div class="xuqiu_left ">
                            <b>3针对刚需型客户</b>
                            <span>针对刚需性客户, 没有预算装修, 免息莫愁帮你获取装修资金</span>
                        </div>
                        <b class="xuqiu_right ">03</b>
                    </div>
                </li>

            </ul>
        </div>
        <ol class="num-box carousel-indicators ">
            <span style="color:#fff;margin-bottom: 10px; " id="btn2 " class="glyphicon glyphicon-circle-arrow-up "></span>
            <span style="color:#fff; " id="btn1 " class=" glyphicon glyphicon-circle-arrow-down "></span>
        </ol>



    </div>
    <div class="journalism ">
        <div class="sjxiangce">
            <div style="line-height: 50px; border-bottom: 1px solid #f2f2f2; margin-bottom: 45px;"><b style="font-size: 30px;"><span style="color: #ed6560;">晒家</span>相册</b> <a class="tiaozhuan pull-right" href="">更多</a></div>
            <div class="sjxiangce_neir">
                <div class="sjxiangce_img"><img src="__STATIC__/assets/images/xiangce.png" alt=""></div>
                <div class="sjxiangce_text">
                    <a href="">
                        <p>简美风格进口橡胶木高弹海绵皮布沙发套装</p>
                    </a>
                    <span>我很喜欢这款式，样式新颖，坐感舒适，直接买买买</span>
                </div>
            </div>
            <div class="sjxiangce_neir">
                <div class="sjxiangce_img"><img src="__STATIC__/assets/images/xiangce.png" alt=""></div>
                <div class="sjxiangce_text">
                    <a href="">
                        <p>简美风格进口橡胶木高弹海绵皮布沙发套装</p>
                    </a>
                    <span>我很喜欢这款式，样式新颖，坐感舒适，直接买买买</span>
                </div>
            </div>
            <div class="sjxiangce_neir">
                <div class="sjxiangce_img"><img src="__STATIC__/assets/images/xiangce.png" alt=""></div>
                <div class="sjxiangce_text">
                    <a href="">
                        <p>简美风格进口橡胶木高弹海绵皮布沙发套装</p>
                    </a>
                    <span>我很喜欢这款式，样式新颖，坐感舒适，直接买买买</span>
                </div>
            </div>
            <div class="sjxiangce_neir">
                <div class="sjxiangce_img"><img src="__STATIC__/assets/images/xiangce.png" alt=""></div>
                <div class="sjxiangce_text">
                    <a href="">
                        <p>简美风格进口橡胶木高弹海绵皮布沙发套装</p>
                    </a>
                    <span>我很喜欢这款式，样式新颖，坐感舒适，直接买买买</span>
                </div>
            </div>
        </div>


        <div class="sjxiangce">
            <div style="line-height: 50px; border-bottom: 1px solid #f2f2f2; margin-bottom: 45px;">
                <b style="font-size: 30px;"><span style="color: #ed6560;">新闻</span>动态</b>
                <a class="tiaozhuan pull-right" href="">更多</a>
            </div>
            <div class="sjxiangce_neir">
                <div class="sjxiangce_img"><img src="__STATIC__/assets/images/dongtai.png" alt=""></div>
                <div class="sjxiangce_text">
                    <a href="">
                        <p>莫愁商城和民生银行洽谈合作</p>
                    </a>
                    <span>在贷款，客户数已初具规模的基础上，民生银行中小企业金融事业部进入了一个崭新的发展阶段，在三年的规划的知道下，制定明晰的发展战略。</span>
                </div>
            </div>
            <div class="sjxiangce_neir">
                <div class="sjxiangce_img"><img src="__STATIC__/assets/images/dongtai.png" alt=""></div>
                <div class="sjxiangce_text">
                    <a href="">
                        <p>莫愁商城和民生银行洽谈合作</p>
                    </a>
                    <span>在贷款，客户数已初具规模的基础上，民生银行中小企业金融事业部进入了一个崭新的发展阶段，在三年的规划的知道下，制定明晰的发展战略。</span>
                </div>
            </div>
            <div class="sjxiangce_neir">
                <div class="sjxiangce_img"><img src="__STATIC__/assets/images/dongtai.png" alt=""></div>
                <div class="sjxiangce_text">
                    <a href="">
                        <p>莫愁商城和民生银行洽谈合作</p>
                    </a>
                    <span>在贷款，客户数已初具规模的基础上，民生银行中小企业金融事业部进入了一个崭新的发展阶段，在三年的规划的知道下，制定明晰的发展战略。</span>
                </div>
            </div>
            <div class="sjxiangce_neir">
                <div class="sjxiangce_img"><img src="__STATIC__/assets/images/dongtai.png" alt=""></div>
                <div class="sjxiangce_text">
                    <a href="">
                        <p>莫愁商城和民生银行洽谈合作</p>
                    </a>
                    <span>在贷款，客户数已初具规模的基础上，民生银行中小企业金融事业部进入了一个崭新的发展阶段，在三年的规划的知道下，制定明晰的发展战略。</span>
                </div>
            </div>


        </div>
        <div class="dongtai"></div>

    </div>




    <!-- 底部 -->
    {include file="public/footer"}
</body>

<script src="__STATIC__/assets/arr_css/jquery-3.3.1.js"></script>
<script type="text/javascript" src="__STATIC__/assets/arr_css/jquery.SuperSlide2.js"></script>
<script src="__STATIC__/assets/arr_css/bootstrap.min.js"></script>
<script src="__STATIC__/assets/arr_css/head.js"></script>
<script src="__STATIC__/assets/index_css/index.js"></script>
<script src="__STATIC__/layer/layer.js"></script>

<script>

$('#exampleModal').on('show.bs.modal', function (event) {
  var button = $(event.relatedTarget) // Button that triggered the modal
  var recipient = button.data('whatever') // Extract info from data-* attributes
  // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
  // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
  var modal = $(this)
  modal.find('.modal-title').text('New message to ' + recipient)
  modal.find('.modal-body input').val(recipient)
})



</script>
    <script>

    function delseeling()
    {
        $.ajax({
             type: "POST",
             url:"{:url('Login/delseeling')}", 
             beforeSend:function(){
                   layer.load(0, {shade: false});
                },
             success: function(msg) {
                if (msg == 1) {
                    layer.msg('注销成功，欢迎下次来玩哟', {icon: 1});
                    history.go(0); 
                }
                // if (msg == 1111) {
                //     layer.msg('已通过!ヾ(o◕∀◕)ﾉ 好棒~', {icon: 1});
                //     history.go(0); 
                // }else{
                //     layer.msg('申请失败,请重新再试!');
                // }
             },
             complete: function() {
                     layer.closeAll('loading');
                }
         });
    }

    // 清楚selling
    // function del_login()
    // {
    //     console.log('111');
    //     // $.ajax({
    //     //      type: "POST",
    //     //      url:"{:url('Login/delseeling')}",
    //     //      data:formData,// 要提交的表单 
    //     //      beforeSend:function(){
    //     //            layer.load(0, {shade: false});
    //     //         },
    //     //      success: function(msg) {
    //     //         if (msg == 1) {
    //     //             layer.msg('注销成功，欢迎下次来玩哟', {icon: 1});
    //     //             history.go(0); 
    //     //         }
    //     //         // if (msg == 1111) {
    //     //         //     layer.msg('已通过!ヾ(o◕∀◕)ﾉ 好棒~', {icon: 1});
    //     //         //     history.go(0); 
    //     //         // }else{
    //     //         //     layer.msg('申请失败,请重新再试!');
    //     //         // }
    //     //      },
    //     //      complete: function() {
    //     //              layer.closeAll('loading');
    //     //         }
    //     //  });
         
    // }

    function register_to()
    {
        layer.open({
          type: 1,
          title:'莫愁商城',
          skin: 'demo-class', //加上边框
          area: ['432px', '515px'], //宽高
          content: $('#register_form')
        });
    }


    function login(){
                //页面层
        layer.open({
          type: 1,
          title:'莫愁商城',
          skin: 'demo-class', //加上边框
          area: ['432px', '515px'], //宽高
          content: $('#login_form')
        });
    }


    function register()
    {
        $('#login_go').hide();
        $('#register_go').show();
        // $
    }

    function login_to()
    {
        $('#login_go').show();
        $('#register_go').hide();
    }


    function login_res()
    {
        $('#login_go_to').show();
        $('#register_go_to').hide();
    }

    function register_res()
    {
        $('#login_go_to').hide();
        $('#register_go_to').show();
        // $
    }

    // 注册一
    function go_register_to()
    {
         var formData = $("#formpost_register").serialize();
         // console.log(formData);
         $.ajax({
             type: "POST",
             url:"{:url('Login/register')}",
             data:formData,// 要提交的表单 
             beforeSend:function(){
                   layer.load(0, {shade: false});
                },
             success: function(msg) {
                console.log(msg);
                if (msg == 1) {
                    layer.msg('恭喜您，注册成功！', {icon: 1});
                    $('#login_go').show();
                    $('#register_go').hide();
                }else if(msg == 2){
                    layer.msg('注册失败，请重试');
                }else if(msg == 3){
                    layer.msg('验证码错误，请重试！');
                }
                // if (msg == 1111) {
                //     layer.msg('已通过!ヾ(o◕∀◕)ﾉ 好棒~', {icon: 1});
                //     history.go(0); 
                // }else{
                //     layer.msg('申请失败,请重新再试!');
                // }
             },
             complete: function() {
                     layer.closeAll('loading');
                }
         });
         
       
    }

    // 注册二
    function go_register()
    {
         var formData = $("#formpost_register_to").serialize();
         // console.log(formData);
         $.ajax({
             type: "POST",
             url:"{:url('Login/register')}",
             data:formData,// 要提交的表单 
             beforeSend:function(){
                   layer.load(0, {shade: false});
                },
             success: function(msg) {
                console.log(msg);
                if (msg == 1) {
                    layer.msg('恭喜您，注册成功！', {icon: 1});
                    $('#login_go_to').show();
                    $('#register_go_to').hide();
                }else if(msg == 2){
                    layer.msg('注册失败，请重试');
                }else if(msg == 3){
                    layer.msg('验证码错误，请重试！');
                }
                // if (msg == 1111) {
                //     layer.msg('已通过!ヾ(o◕∀◕)ﾉ 好棒~', {icon: 1});
                //     history.go(0); 
                // }else{
                //     layer.msg('申请失败,请重新再试!');
                // }
             },
             complete: function() {
                     layer.closeAll('loading');
                }
         });
         
       
    }

    function del()
    {
        console.log('11');
    }
    // 验证码一
    function code(t){
        $('#go_code').disabled=true;
        
        var phone = $('#code_phone').val();
        console.log(phone);
        if (phone == '' || phone.length < 11 || phone.length > 11 || !(/^((\d{3}-\d{8}|\d{4}-\d{7,8})|(1[3|5|7|8][0-9]{9}))$/.test(phone))) {
            layer.msg('请输入正确的手机号码');
        }else{
            for(i=1;i<=t;i++) {
                window.setTimeout("update_p(" + i + ","+t+")", i * 1000);
            }

            $.ajax({
                 type: "POST",
                 url:"{:url('Login/verification')}",
                 data:{'phone':phone},// 要提交的表单 
                 beforeSend:function(){
                       layer.load(0, {shade: false});
                    },
                 success: function(msg) {
                    console.log(msg);
                    if (msg == 1) {
                        layer.msg('短信已发送', {icon: 1});
                    } else if(msg == 2){
                        layer.msg('注册失败，请重试！');
                    }else if(msg ==4){
                        layer.msg('请不要重复发送短信！');
                    }else if(msg == 5){
                        layer.msg('手机号码已存在！');
                    }
                 },
                 complete: function() {
                         layer.closeAll('loading');
                    }
             });
        }

    }
    function update_p(num,t) {
        if(num == t) {
            $('#go_code').html('获取短信验证码');
            $('#go_code').css("color","#007bbb");
            $('#go_code').disabled=false;
            $('#go_code').css("pointer-events","auto");
        }
        else {
            printnr = t-num;
            // document.myform.phone.value = " (" + printnr +")秒后重新发送";
            $('#go_code').html(" " + printnr +"秒后重新发送");
            $('#go_code').css("color","#ccc");
            $('#go_code').css("pointer-events","none");
        }
    }


    // 验证码二
    function codeto(t){
        $('#go_code_to').disabled=true;
        
        var phone = $('#code_phone_to').val();
        console.log(phone);
        if (phone == '' || phone.length < 11 || phone.length > 11 || !(/^((\d{3}-\d{8}|\d{4}-\d{7,8})|(1[3|5|7|8][0-9]{9}))$/.test(phone))) {
            layer.msg('请输入正确的手机号码');
        }else{
            for(i=1;i<=t;i++) {
                window.setTimeout("update_po(" + i + ","+t+")", i * 1000);
            }

            $.ajax({
                 type: "POST",
                 url:"{:url('Login/verification')}",
                 data:{'phone':phone},// 要提交的表单 
                 beforeSend:function(){
                       layer.load(0, {shade: false});
                    },
                 success: function(msg) {
                    console.log(msg);
                    if (msg == 1) {
                        layer.msg('短信已发送', {icon: 1});
                    } else if(msg == 2){
                        layer.msg('注册失败，请重试！');
                    }else if(msg ==4){
                        layer.msg('请不要重复发送短信！');
                    }else if(msg == 5){
                        layer.msg('手机号码已存在！');
                    }
                 },
                 complete: function() {
                         layer.closeAll('loading');
                    }
             });
        }

    }
    function update_po(num,t) {
        if(num == t) {
            $('#go_code_to').html('获取短信验证码');
            $('#go_code_to').css("color","#007bbb");
            $('#go_code_to').disabled=false;
            $('#go_code_to').css("pointer-events","auto");
        }
        else {
            printnr = t-num;
            // document.myform.phone.value = " (" + printnr +")秒后重新发送";
            $('#go_code_to').html(" " + printnr +"秒后重新发送");
            $('#go_code_to').css("color","#ccc");
            $('#go_code_to').css("pointer-events","none");
        }
    }


    // 登入一
    function go_login(){
        var formData = $("#login_formpost").serialize();
         // console.log(formData);
         $.ajax({
             type: "POST",
             url:"{:url('Login/login_add')}",
             data:formData,// 要提交的表单 
             beforeSend:function(){
                   layer.load(0, {shade: false});
                },
             success: function(msg) {
                console.log(msg);
                if (msg == 1) {
                    layer.msg('登入成功！'，{icon: 1});
                    history.go(0); 
                }else{
                    layer.msg('登入失败，请重新登入！');
                }
                // if (msg == 1111) {
                //     layer.msg('已通过!ヾ(o◕∀◕)ﾉ 好棒~', {icon: 1});
                //     history.go(0); 
                // }else{
                //     layer.msg('申请失败,请重新再试!');
                // }
             },
             complete: function() {
                     layer.closeAll('loading');
                }
         });
    }

    </script>

</html>